<template>
     <h2>投资项目信息添加</h2>
     <table  class="table-bordered" border="1">
        <tr>
            <td>投资项目名称</td>
            <td>
                <input type="text" placeholder="请输入投资项目名称" v-model="info.I_Name" />
            </td>
        </tr>
        <tr>
            <td>总投资金额</td>
            <td>
                <input type="text"  placeholder="请输入总投资金额" v-model="info.I_Budget"/>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: center;">
               <input type="button" value="提交"  class="btn btn-success" @click="SaveData" />
            </td>
        </tr>
     </table>
</template>

<script setup lang="ts">
import axios from 'axios';
import { ref } from 'vue';
import { useRouter } from 'vue-router';

const router = useRouter();
//创建响应式数据
const info = ref({
    I_Name:"",
    I_Budget:"",
})

const SaveData = () => {
    if(info.value.I_Name=="")
    {
        alert('投资项目名称不能为空');
        return;
    }
    if(info.value.I_Budget=="")
    {
        alert('总投资金额不能为空');
        return;
    }
    if(Number(info.value.I_Budget)<=0 && Number(info.value.I_Budget)>=100000000)
    {
        alert('总投资金额必须大于0且小于1亿元');
        return;
    }
        axios({
            url:"https://localhost:44337/api/Invests/AddInvestInfo",
            method:"post",
            data:info.value
        }).then(res => {
            if(res.data>0)
            {
                alert("投资项目信息添加成功")
                router.push("/ShowInvestInfo")
            } else if(res.data==-1){
                alert("投资项目名称已存在,请重新输入")
                return;
            } else{
                alert("投资项目信息添加失败")
            }
        }).catch(err => {
            console.log(err)
        })
      }
</script>